
// 按去注册账号,让注册账号的页面出现

$('#goto-register').on('click', e => {
    e.preventDefault();
    $('#register').stop().show()

})

// 点击已有账号去登陆,让登陆页面出现

$('#goto-login').on('click', e => {
    e.preventDefault();
    $('#register').stop().hide();

})

// 响应拦截器 : 后台到前台的时候做点什么
axios.interceptors.response.use(function (response) {
    // 对响应数据做点什么
    var layer = layui.layer;
    layer.msg(response.data.message);
    if (response.data.status == 1) {
        return Promise.reject(response.data.message);
    }

    return response;
}, function (error) {
    // 对响应错误做点什么
    return Promise.reject(error);
});


// 用表单向后台提交数据

// 有表单的就不要给button添加点击事件了,因为form自己就有默认的提交到浏览器,如果button按了,并不能阻止form的自己的默认提交的行为,所以用submit
$('#register .layui-form').on('submit', function (e) {

    // 阻止表单的默认提交的行为
    e.preventDefault();

    var data = {
        username: $('#register input[name=username]').val(),
        password: md5($('#register input[name=password]').val())
    }

    // 将data数据转化成key=value的形式
    var arr = [];

    for (var key in data) {
        arr.push(key + '=' + data[key]);
    }

    var ary = arr.join('&');

    getRegister(ary, function (res) {
        console.log(res);

    });


})

// 登录
$('#login .layui-form').on('submit', function (e) {
    e.preventDefault();

    var data = {
        username: $('#login input[name=username]').val(),
        password: md5($('#login input[name=password]').val())
    }

    var arr = [];

    for (var key in data) {
        arr.push(key + '=' + data[key]);
    }

    var ary = arr.join('&');

    getLogin(ary, function (res) {
        sessionStorage.setItem('token', res.data.token);
        window.location.href = "../index.html"
    });

})